<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
<ui:composition template="#{facesContext.externalContext.request.contextPath}/templates/main_template.xhtml">

	<ui:param name="bean" value="#{roomLgoinBean_wordchat}" />

	<ui:define name="customCSS">
		<link rel="stylesheet" href="#{facesContext.externalContext.request.contextPath}/css/chat/wordchat/roomlogin.css" />
	</ui:define>

	<ui:define name="templateContent">

		<h:form id="roomLginForm">
			<h:panelGrid columns="1" styleClass="mm-form-table" columnClasses="mm-form-alignment-center">
				<h:outputText id="roomNameTxt" class="roomName" value="Welcome to Room: #{bean.initRoomName(param.room)}"></h:outputText>
			</h:panelGrid>
			<h:outputText id="headerMsg" class="headerMsg" value="#{bean.headerMsg}"></h:outputText>

			<h:panelGrid columns="2" styleClass="mm-form-table" columnClasses="mm-form-alignment-left,mm-form-alignment-right">
				<h:outputLabel for="roomAccessPwTxt" value="Access Password"></h:outputLabel>
				<h:inputSecret id="roomAccessPwTxt" value="#{bean.pwForAccess}"></h:inputSecret>
				<h:outputLabel for="roomDeletePwTxt" value="Delete Passowrd"></h:outputLabel>
				<h:inputSecret id="roomDeletePwTxt" value="#{bean.pwForDelete}"></h:inputSecret>
			</h:panelGrid>

			<h:commandButton id="joinRoomBtn" value="Join Room" action="#{bean.joinRoom(facesContext.externalContext.request.contextPath)}"></h:commandButton>
			<h:commandButton id="deleteRoomBtn" value="Delete Room" action="#{bean.deleteRoom(facesContext.externalContext.request.contextPath)}"></h:commandButton>
		</h:form>

	</ui:define>

</ui:composition>

</html>
